<style>
    ul {
        list-style: none;
    }
    li {
    
    }
</style>
<script type="text/ng-template"  id="tree_item_renderer.html">
    {{data.name}}
    <button class="btn btn-link" ng-click="openAddGroupBox(data)"><i class="icon-plus-sign"></i></button>
    <button class="btn btn-link" ng-click="confirmDeleteGroupBox(data)" ng-show="data.parent != null"><i class="icon-minus-sign"></i></button>
    <ul>
        <!-- recursion, nifty!  -->
        <li ng-repeat="data in data.nodes" ng-include="'tree_item_renderer.html'"></li>
    </ul>
</script>

<div class="container">
    <h1>Groepen</h1>
    <div class="well">
	    <ul>
	        <!-- see also playground controller in controllers.js -->
	        <li ng-repeat="data in tree" ng-include="'tree_item_renderer.html'"></li>
	    </ul>
    </div>
</div>